.P-top{
    width: 1280px;
    height: 54px;
    border: 1px solid rgb(230, 154, 56,0);
    background-color: #f4f4f4;
    margin: 20px auto 20px;
    padding-left: 20px;
}
.P-top li{
    height: 54px;
   float: left;
   color: #919191;
   text-align: center;
   line-height: 54px;
   font-size: 14px;
   padding-left: 10px;
}
.hrclass{
    width: 100%;
    height: 1px;
}
.oneclassify{
    width: 1280px;
    height: 54px;
    border: 1px solid rgb(230, 154, 56,0);
    /* border-bottom: 1px solid #E7E7E7; */
    margin: 20px auto 0px;
    padding-top: 16px;
}
.C-middle{
    width: 1280px;
    /* border: 1px solid rgb(230, 154, 56,0); */
    margin:auto;
}
.C-middle>.homeLi-main {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
  }
  .C-middle>.homeLi-main > li {
    width: 305px;
    height: 433px;
    margin-bottom: 20px;
    padding: 37px 22px 0 22px;
    border: 1px solid #ececec;
    position: relative;
    margin-left: 20px;
  }
  .C-middle>.homeLi-main > li:nth-of-type(4n+1){
      margin-left: 0px;
  }
  .C-screen{
      float: right;
  }
  .C-gray{
      background: #d1cece;
      cursor: pointer;
  }
  .C-green{
      background: green;
      cursor: pointer;
      color: #ffff;
  }
  .C-modul{
    width: 687px;
    height: 452px;
    background: #FFFFFF;
    border: 5px solid #E2E2E2;
    border-radius: 8px;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 24px;
    display: none;
  }
  .C-modulshow h4{
      color: green;
  }
 .C-modulshow{
    width: 687px;
    height: 452px;
    background: #FFFFFF;
    border: 5px solid #E2E2E2;
    border-radius: 8px;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 24px;
 }
  